X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/256a3b381f63716209b3527d0a14442ae570c283..fc24d733700d6d2bd886ffa9188df5c78069b018:/wp-includes/css/buttons.css?ver=%3C%3Fphp%20echo%20preg_replace%28%20%27%2F%5B%5E0-9a-z%5C.-%5D%2Fi%27%2C%20%27%27%2C%20%24wp_version%20%29;%20%3F%3E= diff --git a/wp-includes/css/buttons.css b/wp-includes/css/buttons.css index 54ebd446..e84a0b52 100644 --- a/wp-includes/css/buttons.css +++ b/wp-includes/css/buttons.css @@ -1,5 +1,10 @@ /* ---------------------------------------------------------------------------- +NOTE: If you edit this file, you should make sure that the CSS rules for +buttons in the following files are updated. + +* jquery-ui-dialog.css +* editor.css WordPress-style Buttons ======================= @@ -48,13 +53,13 @@ TABLE OF CONTENTS: cursor: pointer; border-width: 1px; border-style: solid; - -webkit-border-radius: 3px; -webkit-appearance: none; + -webkit-border-radius: 3px; border-radius: 3px; white-space: nowrap; -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } /* Remove the dotted border on :focus and the extra padding in Firefox */ @@ -62,9 +67,8 @@ TABLE OF CONTENTS: .wp-core-ui input[type="reset"]::-moz-focus-inner, .wp-core-ui input[type="button"]::-moz-focus-inner, .wp-core-ui input[type="submit"]::-moz-focus-inner { - border-width: 1px 0; - border-style: solid none; - border-color: transparent; + border-width: 0; + border-style: none; padding: 0; } @@ -91,7 +95,8 @@ TABLE OF CONTENTS: padding: 0 36px; } -.wp-core-ui .button:active { +.wp-core-ui .button:active, +.wp-core-ui .button:focus { outline: none; } @@ -107,7 +112,6 @@ TABLE OF CONTENTS: .wp-core-ui input[type="reset"]:focus { background: none; border: none; - -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 0 2px 1px; @@ -123,9 +127,8 @@ TABLE OF CONTENTS: color: #555; border-color: #cccccc; background: #f7f7f7; - - -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08); - box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08); + -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 ); + box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 ); vertical-align: top; } @@ -147,36 +150,48 @@ TABLE OF CONTENTS: .wp-core-ui .button.focus, .wp-core-ui .button:focus, .wp-core-ui .button-secondary:focus { - -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2); - box-shadow: 1px 1px 1px rgba(0,0,0,.2); + -webkit-box-shadow: + 0 0 0 1px #5b9dd9, + 0 0 2px 1px rgba(30, 140, 190, .8); + box-shadow: + 0 0 0 1px #5b9dd9, + 0 0 2px 1px rgba(30, 140, 190, .8); } .wp-core-ui .button.active, .wp-core-ui .button.active:hover, -.wp-core-ui .button.active:focus, .wp-core-ui .button:active, .wp-core-ui .button-secondary:active { background: #eee; border-color: #999; color: #333; - -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); + -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); } -/* this creates an inset effect on the text */ -.wp-core-ui .button:active { - padding-top: 1px; +.wp-core-ui .button.active:focus { + -webkit-box-shadow: + inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ), + 0 0 0 1px #5b9dd9, + 0 0 2px 1px rgba(30, 140, 190, .8); + box-shadow: + inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ), + 0 0 0 1px #5b9dd9, + 0 0 2px 1px rgba(30, 140, 190, .8); } .wp-core-ui .button[disabled], .wp-core-ui .button:disabled, +.wp-core-ui .button.disabled, .wp-core-ui .button-secondary[disabled], .wp-core-ui .button-secondary:disabled, +.wp-core-ui .button-secondary.disabled, .wp-core-ui .button-disabled { color: #aaa !important; border-color: #ddd !important; + background: #f7f7f7 !important; -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; text-shadow: 0 1px 0 #fff !important; cursor: default; } @@ -187,9 +202,9 @@ TABLE OF CONTENTS: .wp-core-ui .button-primary { background: #2ea2cc; - border-color: #0074a2; - -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15); - box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15); + border-color: #0074a2; + -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 ); + box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 ); color: #fff; text-decoration: none; } @@ -200,44 +215,46 @@ TABLE OF CONTENTS: .wp-core-ui .button-primary:focus { background: #1e8cbe; border-color: #0074a2; - -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); - box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); + -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 ); + box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 ); color: #fff; } .wp-core-ui .button-primary.focus, .wp-core-ui .button-primary:focus { border-color: #0e3950; - -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4); - box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4); + -webkit-box-shadow: + inset 0 1px 0 rgba( 120, 200, 230, 0.6 ), + 0 0 0 1px #5b9dd9, + 0 0 2px 1px rgba(30, 140, 190, .8); + box-shadow: + inset 0 1px 0 rgba( 120, 200, 230, 0.6 ), + 0 0 0 1px #5b9dd9, + 0 0 2px 1px rgba(30, 140, 190, .8); } .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:hover, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary:active { - background: #1e8cbe; + background: #1b7aa6; border-color: #005684; - color: rgba(255,255,255,0.95); - -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); - box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); + color: rgba( 255, 255, 255, 0.95 ); + -webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 ); + box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 ); vertical-align: top; } -/* this creates an inset effect on the text */ -.wp-core-ui .button-primary:active { - padding-top: 1px; -} - .wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, -.wp-core-ui .button-primary-disabled { +.wp-core-ui .button-primary-disabled, +.wp-core-ui .button-primary.disabled { color: #94cde7 !important; background: #298cba !important; border-color: #1b607f !important; -webkit-box-shadow: none !important; - box-shadow: none !important; - text-shadow: 0 -1px 0 rgba(0,0,0,0.1) !important; + box-shadow: none !important; + text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ) !important; cursor: default; } @@ -255,6 +272,7 @@ TABLE OF CONTENTS: .wp-core-ui .button-group > .button { display: inline-block; + -webkit-border-radius: 0; border-radius: 0; margin-right: -1px; z-index: 10; @@ -269,13 +287,20 @@ TABLE OF CONTENTS: } .wp-core-ui .button-group > .button:first-child { + -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .wp-core-ui .button-group > .button:last-child { + -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } +.wp-core-ui .button-group > .button:focus { + position: relative; + z-index: 1; +} + /* ---------------------------------------------------------------------------- 5.0 - Responsive Button Styles ---------------------------------------------------------------------------- */ @@ -288,25 +313,14 @@ TABLE OF CONTENTS: input#publish, input#save-post, a.preview { - padding: 10px 14px; - line-height: 1; + padding: 6px 14px; + line-height: normal; font-size: 14px; vertical-align: middle; height: auto; margin-bottom: 4px; } - - /* Adjust the padding that makes active button text looks inset to account for larger responsive buttons */ - .wp-core-ui .button:active, - .wp-core-ui .button-large:active, - .wp-core-ui .button-small:active, - input#publish:active, - input#save-post:active, - a.preview:active { - padding-top: 11px; - padding-bottom: 9px; - } - + #media-upload.wp-core-ui .button { padding: 0 10px 1px; height: 24px; @@ -314,12 +328,16 @@ TABLE OF CONTENTS: font-size: 13px; } + .media-frame.mode-grid .bulk-select .button { + margin-bottom: 0; + } + /* Publish Metabox Options */ .wp-core-ui .save-post-status.button { position: relative; margin: 0 14px 0 10px; /* 14px right margin to match all other buttons */ } - + /* Reset responsive styles in Press This, Customizer */ .wp-core-ui.wp-customizer .button, @@ -334,16 +352,13 @@ TABLE OF CONTENTS: margin: 0; vertical-align: inherit; } - + /* Reset responsive styles on Log in button on iframed login form */ - + .interim-login .button.button-large { height: 30px; line-height: 28px; padding: 0 12px 2px; } - - .interim-login .button.button-large:active { - padding-top: 1px; - } + }